<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Checkout Mirror Fashion</title>
<meta name="viewport" content="width=device-width">

<link rel="stylesheet" type="text/css"
	href="includes/css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css"
	href="includes/css/bootstrap-theme.min.css" />
<link rel="stylesheet" type="text/css" href="includes/css/bootstrap.css" />
<link rel="stylesheet" type="text/css"
	href="includes/css/bootstrap.min.css" />

<script type="text/javascript" src="includes/js/jquery-1.7.1.min.js"></script>




</head>
<body>

	<div class="jumbotron">
		<div class="container">

			<!-- h1 e p que já tínhamos -->
			<h1>Ótima escolha!</h1>
			<p>Obrigado....</p>

		</div>
	</div>
	<div class="container">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h2 class="panel-title">Sua compra</h2>
			</div>
			<div class="panel-body">
				<img src="includes/images/img.jpg"
					class="img-thumbnail img-responsive">
				<dl>
					<dt>Produto</dt>
					<dd>Fuzzy Cardigan</dd>

					<dt>Cor</dt>
					<dd>verde</dd>

					<dt>Tamanho</dt>
					<dd>40</dd>

					<dt>Preço</dt>
					<dd>R$ 129,00</dd>
				</dl>
			</div>
		</div>
		<form action="" novalidate="novalidate">
			<fieldset>
				<legend>Dados pessoais</legend>

				<div class="form-group">
					<label for="nome">Nome completo</label> <input type="text"
						class="form-control" id="nome" name="nome" required="required">
				</div>

				<div class="input groups">
					<label for="email">Email</label> <input type="email"
						class="form-control" id="email" name="email">
				</div>

				<div class="form-group">
					<label for="cpf">CPF</label> <input type="text"
						class="form-control" id="cpf" name="cpf" required="required">
				</div>

				<div class="checkbox">
					<label> <input type="checkbox" value="sim" name="spam"
						checked> Quero receber spam da Mirror Fashion
					</label>
				</div>
				<button type="submit" class="btn btn-primary">
					<span class="glyphicon glyphicon-thumbs-up"></span> Confirmar
					Pedido
				</button>
			</fieldset>
			<br>
			<br>
			
			<nav class="nav navbar-nav collapse navbar-collapse">
				<div class="navbar-header">
					<a class="navbar-brand" href="index.php">Mirror Fashion</a>
				</div>
				<ul class="nav navbar-nav">
					<li><a href="sobre.php">Sobre</a></li>
					<li><a href="#">Ajuda</a></li>
					<li><a href="#">Perguntas frequentes</a></li>
					<li><a href="#">Entre em contato</a></li>
				</ul>
			</nav>


		</form>
	</div>

</body>
</html>